@charset "utf-8";
html{font-size: 62.5%;}
a{text-decoration: none; transition: all 0.5s;}
a:hover{text-decoration: none; transition: all 0.5s;}
ul li{list-style: none;}

.container{padding: 0;}
ul{padding: 0; margin: 0;}
.top{padding: 20px 0;}
.dh{font-size: 3rem; margin-top: 16px; font-weight: bold; text-align: right;}
.dh span{color: #ff6600;}
.nav_bg{background: #0b183a; height: 45px;}
.nav{box-sizing: border-box;}
.nav ul{ display: flex;}
.nav ul li{flex: 1;}
.nav ul li a{display: block; text-align: center; line-height: 45px; color: #fff; font-size: 1.6rem;}
.nav ul li a:hover{background: #0aabdb;}

.logo{font-size: 2.4rem; line-height: 60px; font-weight: bold;; color: #0075c4;}
.banner .swiper-slide img{width: 100%;}

.main_1{height: 60px;
    background: #ffffff;
    box-shadow: 0px 10px 8px #c8cbd5;
    position: relative;}
.sztd li{text-align: center; color: #888; font-size: 1.8rem; line-height: 20px; border-right: 3px solid #ccc; height: 20px; margin-top: 20px;}
.counter{font-size: 2.4rem; color:#ff6600;}
.sztd li:last-child{border: none;}

.youshi{padding-top:30px;}
.youshi h1{text-align: center; margin-bottom: 30px;}
.youshi .col-lg-3{text-align: center;}
.youshi .col-lg-3 img{    transition: all 0.4s ease-out;  border-radius: 50%;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;}

.youshi .col-lg-3:hover img{ transform: scale(1.1);
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;  box-shadow: 0 0 16px #666; border-radius: 50%;
}
.youshi .col-lg-3 h4{color: #0aaada; line-height: 3;}
.youshi .col-lg-3 p{text-align: left;}
.news_product_bg{background: url("../images/products_bg.jpg") center top no-repeat; margin-top: 30px; padding-bottom: 40px;}
.news_product_bg h2{color: #fff; margin-top: 50px; margin-bottom: 30px;}
.np_more{}
.np_more a{width: 100px; text-align: center;border-radius: 10px; height: 40px; font-size: 1.4rem; color: #fff; border: 1px solid #fff; display: block; line-height: 40px; margin: 0 auto;}

.product{padding: 60px 0;}
.product_img img{width: 100%; transition: all 0.5s; height: 240px;}
.product_img img:hover{ transition: all 0.5s; transform: scale(1.1); box-shadow: 6px 6px 12px #666;}
.product_tit{color: #666666; font-size: 1.6rem; line-height: 3;}
.product_tit a{color: #666;}
.product_tit a:hover{color: #0aaada;}
.product_item{overflow: hidden;}
.product_item li{margin-bottom: 20px;}

.product_fl_item{display: flex;}
.product_fl_item li{flex: 1;}
.product_fl_item li a{display: block; width: 85%; height: 40px; border: 1px solid #ccc; color: #666; margin: 0 auto; text-align: center;
                        line-height: 40px;}
.product_fl_item li a:hover{background:#0aaada; color: #fff;}
.product_fl{margin: 20px 0;}

.qgjm_bg{background: #f1f1f1; padding: 60px 0;}
.hzhb_bg{background: #fff; padding: 60px 0;}
.qgjm_item{margin-top: 30px;}
.qgjm_item .col-lg-3{margin-bottom: 30px; transition: all 0.5s; }
.qgjm_item .col-lg-3:hover{}
.qgjm_item .qgjm_con{background: #fff; padding: 5px; }
.qgjm_item .qgjm_con:hover{transition: all 0.5s; box-shadow: 6px 6px 12px #666;}

.qgjm_img img{width: 100%; height: 160px;}
.qgjm_tit{font-size: 1.6rem; color: #333; line-height: 2; text-align: center; margin: 20px 0;}
.qgjm_des{font-size: 1.2rem; color: #666; text-align: left;  line-height: 2; padding-top: 10px; width: 90%; margin: 0 auto;
            padding-bottom: 20px;}


.hzhb_img img{width: 100%; height: 120px;}
.qgjm_item .col-lg-3{margin-bottom: 30px; transition: all 0.5s; }
.qgjm_item .col-lg-3:hover{}
.qgjm_item .hzhb_con{background: #fff; padding: 5px; border: 1px solid #ccc;}
.qgjm_item .hzhb_con:hover{transition: all 0.5s; box-shadow: 6px 6px 12px #666; cursor: pointer;}
.zzry_bg{background: #eff4f7; padding: 60px 0;}

/*资质荣誉滚动*/
.picScroll-left .bd{ padding:10px; margin-top: 30px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:40px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:260px; height:320px; display:block;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

/*about*/
.about_bg{background: url("../images/about_bg.jpg") center top; padding: 40px 0;}
.about_con{background-color: rgba(16,44,81,0.5); padding: 20px; overflow: hidden; margin-top: 20px;}
.about_txt{color: #fff; line-height: 2;}
.about_img img{width: 100%;}

.news_tit{width: 90%; line-height: 3; border-bottom: 3px solid #ccc; margin: 0 auto;}
.foot_contact{background: url("../images/foot_bg.jpg") top center; border-top: 1px solid #ccc; padding: 20px 0; color: #fff;}

.foot_ewm{text-align: center; line-height: 2;}
.foot_ewm img{width: 100%; text-align: center;}
.foot_contact .col-lg-4 p{line-height: 2; color: #fff;}
.footer_bg{background: #000; height: 40px; line-height: 40px; color: #ccc; text-align: center;}
.foot_nav h4{font-weight: normal; border-bottom: 1px solid #fff; line-height: 2; width: 80%;}
.foot_nav a{color: #ccc; line-height: 2;}

.pagelist li{float: left; padding: 0 15px;}
.inside_pr_con_con{margin-top: 20px; text-align: center;}
.inside_pr_con_con img{max-width: 100%; margin:0 auto;}
.inside_tit{line-height: 2; font-size:1.6rem; text-align: center;}


/*关于我们页面*/
.about-banner{
    background: url('../images/about_banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
}
.about-intro {
    margin-bottom: 50px;
}
.about-intro .media .media-left{
    padding-right: 30px;
}
.about-intro .media .media-left .mov_content {
    width: 660px;
    border: 5px solid rgba(204,204,204,0.5);

}
.about-intro .media .media-left .mov_content img{width: 100%;}
.about-intro .media .media-body {
    color: #828282;
}
.about-intro .media .media-body p {
    line-height: 30px;
    font-size: 16px;
}

.office-show {
    background: #f7f7f7;
    padding-bottom: 20px;
}
.office-show .thumbnail {
    border: 0;
    margin-bottom: 10px;
    overflow:hidden;
}
.office-show .thumbnail:hover {
    box-shadow: 8px 10px 8px #b5b5b5;

}
.office-show p {
    text-align: center;
    margin-bottom: 20px;
    color: #444444;
}

.office-show .thumbnail img:hover,
.news .thumbnail img:hover{
    transform: scale(1.1);

}
.office-show .thumbnail .trans,
.news .thumbnail .trans{
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

/*在线客服悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



/* about滚动css */
.picScroll-left{width: 100%; overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{overflow:hidden; zoom:1; margin: 10px auto; width: 10%;}
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0;}
.picScroll-left .bd{width: 100%;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; width: 100%;}
.picScroll-left .bd ul li{margin-right: 35px; width: 360px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{ text-align:center;}
.picScroll-left .bd ul li .pic img{ width:100%; height:240px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.picScroll-left .bd ul li .title{ line-height:2; font-size: 1.8rem;}